<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>订单详情</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/qingk_4.css" />
		<link rel="stylesheet" type="text/css" href="css/touwei_4.css" />
		<script src="js/11jquery.min.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div id="web">
			<!--顶部-->
			<div class="top">
				<div class="top_login clearfix">
					<span class="fl t_lef"><a href="register_4.html">注册</a>|<a href="register_4.html">登录</a>|<a href="register_4_vip.html">VIP登录</a></span>
					<span class="fr t_rig"><a href="shopping_4.html">付款</a>|<a href="register_4.html">我的订单</a>|<a href="settle_4.html"><img src="img/gouwuche.png"/ style="vertical-align: middle;padding-right: 5px;"><b>(0)</b></a></span>
				</div>
			</div>
			<!--搜索框-->
			<div class="search clearfix">
				<div class="logo">
					<a href="index.html"><img src="img/logo.jpg" /></a>
				</div>
				<div class="search_inp fr ">
					<form class="for" action="" method="post">
						<input class="inp_1" type="search" name="" id="" value="" placeholder="search" />
						<input class="inp_2" type="image" value="" src="img/glass.jpg" />
					</form>
					<span><a href="">地板</a>|<a href="">地板</a>|<a href="">地板</a>|<a href="">地板</a>|<a href="">地板</a>|<a href="">地板</a></span>
				</div>
			</div>
			<!--以上是页面头部-->

			<!--导航-->
			<nav>
				<ul class="clearfix">
					<li>
						<a href="">木工</a>
					</li>
					<li>
						<a href="">泥水工</a>
					</li>
					<li>
						<a href="">油漆工</a>
					</li>
					<li>
						<a href="">水电工</a>
					</li>
					<li>
						<a href="">门窗/其它</a>
					</li>
					<li>
						<a href="">装修工具</a>
					</li>
					<li>
						<a href="">消防材料</a>
					</li>
					<li>
						<a href="">建筑护防</a>
					</li>
					<li>
						<a href="">精细化学品</a>
					</li>
					<li>
						<a href="">定制/非标准</a>
					</li>
				</ul>
			</nav>
			
			
			
			<form action="" method="post">
			<div class="big">
				<div class="big1">
					<ul>
						<li class="l1">
							<h3>订单情况</h3>
						</li>
						<li class="l2">
							<p>请您在下单后24小时内支付此订单，否则将商城自动取消此订单。</p>
						</li>
						<li class="l3">
							<p>上次选择的支付方式</p>
						</li>
						<li class="l4">
							<p><a href="11.html"><img src="img/images/yinhang_4.png" alt="" /></a><span><a href="11.html">更换支付方式</a></span></p>
						</li>
						<a href="indent_4.html">
							<li class="l5">支付</li>
						</a>
						<li class="l6">
							<h4>订单详情</h4>
						</li>
						<li class="l7">

						</li>
						<li class="l8">
							<p>订单编号<span>JSW57481213</span>
								<a href=""></a>
							</p>
						</li>
						<li class="l9">
							订单状况
							<span>待支付</span>
						</li>
						<li class="l10">
							下单时间
							<span>2016-06-07</span>
						</li>
						<li class="l11">
							<h4>配送信息</h4>
						</li>
						<li class="l12"></li>
						<li class="l13">
							<p>收货人信息<span>我是达尔文</span></p>
						</li>
						<li class="l14">
							<p>收货人邮箱<span>308046856@qq.com</span></p>

						</li>
						<li class="l15">
							收货人手机
							<span>13427846759</span>
						</li>
						<li class="l16">
							地址
							<span>广东省深圳市罗湖区 东盛路5栋485</span>
						</li>
						<li class="l17">
							特殊说明
						</li>
						<li>
							<h4>订单商品</h4>
						</li>
						<li class="l18"></li>
						<li class="div1">
							<p class="p1">商品<span class="sp1">数量</span><span class="sp2">价格</span><span class="sp3">小计</span></p>
						</li>
						<li class="l19"></li>
					</ul>
					<div class="ts_2 clearfix">
						<div class=" img1 fl">
							<img src="img/shopping_4_1.jpg" />
						</div>
						<ul class="jl fl">
							<li class="ts_li"><span>商品品牌名称</span><span class="cl1">1</span> <span class="sp3">¥150.00</span><span class="sp4"> ¥150.00</span></li>
							
							<li><span class="sp6">颜色 : </span>白色</li>
							<li><span class="sp7">规格 : </span>规格X规格</li>
							<li><span class="sp8">货号 : NH5478525666</span></li>
						</ul>

						<div class="xian_2 fl">

						</div>
					</div>
					<div class="ts_2 clearfix">
						<div class=" img1 fl">
							<img src="img/shopping_4_1.jpg" />
						</div>
						<ul class="jl fl">
							<li class="ts_li"><span>商品品牌名称</span><span class="cl1">5</span> <span class="sp3">¥750.00</span><span class="sp4"> ¥750.00</span></li>
							
							<li><span class="sp6">颜色 : </span>白色</li>
							<li><span class="sp7">规格 : </span>规格X规格</li>
							<li><span class="sp8">货号 : NH5478525666</span></li>
						</ul>

						<div class="xian_2 fl">

						</div>
					</div>
					<div class="bbl  clearfix">
						<div class="je">
							<p>商品金额<span>¥900.00</span></p>
							<p>优惠<span class="b">-¥0.00</span></p>
							<p>运费<span>¥0.00</span></p>
						</div>
						<div class="jr clearfix">
							<h4>订单总额
								<span>¥900.00</span>
							</h4>
						</div>
					</div>
				</div>

			</div></from>
			<!--底部-->
			<div class="di_bu">
				<div class="di_bu_main clearfix">
					<ul class="ul">
						<li>
							<img class="fl" src="img/you.jpg" />
							<div class="di_bu_a fl">
								<span><a href="">品质保障</a></span><br />
								<span><a href="">品质保证</a> <a href="">购物无忧</a></span>
							</div>
							<img src="img/line.jpg" />
						</li>
						<li>
							<img class="fl" src="img/sheng.jpg" />
							<div class="di_bu_a fl">
								<span><a href="">特色服务</a></span><br />
								<span><a href="">针对户型</a> <a href="">私人定制</a></span>
							</div>
							<img src="img/line.jpg" />
						</li>
						<li>
							<img class="fl" src="img/te.jpg" />
							<div class="di_bu_a fl">
								<span><a href="">全网最低</a></span><br />
								<span><a href="">厂家直销</a> <a href="">低价承诺</a></span>
							</div>
							<img src="img/line.jpg" />
						</li>
						<li>
							<img class="fl" src="img/figure.jpg" />
							<div class="di_bu_a fl">
								<span><a href="">帮助中心</a></span><br />
								<span><a href="">您的购物指南</a></span>
							</div>
						</li>
					</ul>

					<ul class="di_bu_nav clearfix">
						<li>
							<a href="">新手指南</a><br />
							<span><a href="">新手指南</a></span><br />
							<span><a href="">购物流程</a></span>
						</li>
						<li>
							<a href="">支付方式</a><br />
							<span><a href="">支付宝</a></span><br />
							<span><a href="">微信支付</a></span>
						</li>
						<li>
							<a href="">物流配送</a><br />
							<span><a href="">配送方式</a></span><br />
							<span><a href="">服务流程</a></span>
						</li>
						<li>
							<a href="">客服中心</a><br />
							<span><a href="">在线客服</a></span><br />
							<span><a href="">常见问题</a></span></a>
						</li>
						<li>
							扫一扫，关注鲁班兄弟<br />
							<img src="img/QR.jpg" />
						</li>
					</ul>
				</div>
			</div>

			<footer>
				<div class="foot">
					<span>Copyright © 2015-2016 QDTG. All rights reserved. 鲁班兄弟 粤ICP16035771</span> |
					<a href="">关于我们</a>|
					<a href="">联系我们</a>|
					<a href="">法律声明</a>
				</div>
			</footer>
		</div>
		</div>
		<script language="javascript">
		$(document).ready(function() {

		

			/*	2nd example	*/
			
			$("nav li a").wrapInner( '<span class="out"></span>' );
			
			$("nav li a").each(function() {
				$( '<span class="over">' +  $(this).text() + '</span>' ).appendTo( this );
			});

			$("nav li a").hover(function() {
				$(".out",	this).stop().animate({'top':	'40px'},	300); // move down - hide
				$(".over",	this).stop().animate({'top':	'0px'},		300); // move down - show

			}, function() {
				$(".out",	this).stop().animate({'top':	'0px'},		300); // move up - show
				$(".over",	this).stop().animate({'top':	'-44px'},	300); // move up - hide
			});

		});

	</script>
	</body>

</html>